<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html_表单</title>
</head>
<body>
    
    <!-- 表格不是用来布局页面的，是用来展示数据的！！！ -->
    <table border="1"> <!--表格标签--> 
        <!-- border 属性规定表格单元周围是否显示边框。值 "1" 指示应该显示边框，且表格不用于设计目的。 -->
        <!-- 在 HTML5 中，border 属性仅用于指示表格是否用于布局目的，且只允许属性值 "" 或 "1"。 -->
        <tr> <!--表格的行-->
            <th>表头</th>
            <th>table head</th>
            <th>table head</th>
            <th>table head</th>
        </tr>
        <tr> <!--表格的行-->
            <td>表格的单元格</td>
            <td>table data</td>
            <td>table data</td>
            <td>table data</td>
        </tr>
        <tr> <!--表格的行-->
            <td>表格的单元格</td>
            <td>table data</td>
            <td>table data</td>
            <td>table data</td>
        </tr>
    </table>
<!-- table中可以有的属性（不常用，一般会用css设置） -->
aligh ：left right center
border： 像素值
cellpadding：规定单元边沿与单元格内文字的距离，默认为1px
cellspacing：规定单元格与单元格之间的距离，默认为2px
width ｜ height：像素或者百分比

<!-- 表格结构标签 -->
用<thead>AAAAA</thead>来表示表格的头部区域
用<tbody>AAAAA</tbody>来表示表格的主体区域
<!-- 以上两个标签都是放在table标签当中的 -->

<!-- 合并单元格 -->
1、跨行合并：rowspan = “合并单元格的个数”
2、跨列合并：colspan = “合并单元格的个数”
<td colspan="2"></td>


</body>
</html>